<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>小米蓝牙触控语音遥控器</title>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
				/*border: 1px solid red;*/
			}
			
			
			.all {
				margin: 0 auto;
			}
			
			.head {
				/*border: 2px solid blue;*/
				background-color: #333333;
				height: 161px;
			}
			
			.head .nav {
				width: 1226px;
				margin: 0 auto;
			}
			
			.head {
				height: 40px;
				margin: 0 auto;
				background-color: #333333;
			}
			
			.head .nav .nav-left li {
				list-style-type: none;
				float: left;
				font-size: 13px;
				line-height: 41px;
				padding-left: 10px;
			}
			
			.head .nav li:hover a {
				color: white;
			}
			
			.head .nav .nav-left a {
				text-decoration: none;
				color: #A8AAB0;
				;
			}
			
			.head .nav .nav-right li {
				list-style-type: none;
				float: right;
				font-size: 13px;
				line-height: 41px;
				padding-right: 10px;
			}
			
			.head .nav .nav-right a {
				text-decoration: none;
				color: #A8AAB0;
			}
			
			.head span {
				padding-left: 10px;
				color: #424242;
			}
			
			.nav .buycar {
				/*border: 1px solid black;*/
				width: 120px;
				height: 40px;
				float: right;
				background-color: #ff6700;
				cursor: pointer;
			}
			
			.nav .buycar .buylist {
				width: 220px;
				height: 100px;
				background-color: gray;
				display: none;
			}
			
			/*.nav .buycar:hover .buylist {
				display: block;
			}*/
			
			.buycar a {
				color: white;
				text-decoration: none;
			}
			
			.buycar:hover {
				background-color: white;
			}
			
			.buycar p:hover a {
				color: #FF7213;
			}
			
			.buycar p {
				line-height: 40px;
				font-size: 13px;
			}
			
			.daohang {
				/*border: 1px solid;*/
				position: relative;
				height: 100px;
			}
			
			.daohang .logo {
				background-color: #FF6B00;
				width: 53px;
				height: 52px;
				position: absolute;
				top: 25px;
			}
			
			.daohang1 {
				margin-left: 500px;
				position: absolute;
				left: -400px;
				height: 100px;
				width: 1126px;
				line-height: 100px;
				/*border: 1px solid;*/
			}
			
			.daohang1 li {
				float: left;
				list-style-type: none;
				/*left: 255px;*/
				/*top: 40px;*/
				padding-left: 20px;
				margin-left: 0;
			}
			
			.daohang1 li a {
				color: #333333;
				font-size: 16px;
				text-decoration: none;
			}
			
			.daohang1 li:hover a {
				color: #FF6700;
			}
			
			.daohang1 .item {
				display: none;
				/*border: 1px solid;*/
				border-top: 1px solid #c0c0c0;
				position: absolute;
				top: 100px;
				left: -100px;
				width: 1226px;
				height: 230px;
				z-index: 1;
				background-color: white;
			}
			
			.daohang1 #menu {
				display: none;
				position: absolute;
				top: 100px;
				left: -100px;
				width: 223px;
				background-color: white;
				border: 1px solid #ff6700;
			}
			
			.daohang .search{
				position: absolute;
				left: 900px;
				top: 25px;
				z-index: -1;
			}
			.daohang1 .item>div {
				float: left;
				margin-left: 40px;
				margin-top: 40px;
				width: 160px;
				height: 160px;
			}
			
			.daohang1 li:hover #menu,
			.daohang1 li:hover .item {
				display: block;
			}
			
			.daohang1 li .item0 .daohang1 .item>div img {
				border-right: 1px solid #c0c0c0;
			}
			
			.daohang1 .item .item_00 img {
				border-right: 0;
			}
			
			.menu {
				/*border: 1px solid;*/
				width: 1226px;
				margin: 0 auto;
			}
			
			.tishi {
				height: 40px;
				margin: 0 auto;
				background-color: #F5F5F5;
			}
			
			.tishi .context {
				width: 1226px;
				margin: 0 auto;
			}
			
			.tishi .context li {
				float: left;
				list-style-type: none;
				padding-right: 7px;
				font-size: 12px;
				line-height: 40px;
			}
			
			.tishi .context li a {
				color: #818381;
				text-decoration: none;
			}
			
			.tishi .context li a:hover {
				color: #424242;
			}
			
			
			.all .tuwen {
				height: 550px;
				margin: 45px 0;
			}
			
			.all .tuwen .context {
				height: 550px;
				width: 1226px;
				margin: 0 auto;
			}
			
			.all .tuwen .context .huan {
				width: 70px;
				height: 154px;
				/*border: 1px solid;*/
			}
			
			.all .tuwen .context .huan .p2{
				list-style-type: none;
				border: 1px solid #c0c0c0;
				margin-bottom: 10px;
				cursor: pointer;
			}
			.all .tuwen .context .huan .p1{
				border: 1px solid #ff6700;
				margin-bottom: 10px;
				cursor: pointer;
				list-style-type: none;
			}
			
			.all .tuwen .context .huan li:hover {
				border: 1px solid #fb0b0b0;
			}
			
			.all .tuwen .context .huan img {
				/*border: 1px solid;*/
				margin: 4px;
			}
			
			.all .tuwen .context .datu {
				width: 482px;
				height: 482px;
				/*border: 1px solid;*/
				margin-top: -154px;
				margin-left: 185px;
				margin-right: 115px;
			}
			
			.all .tuwen .context .wenzi {
				width: 422px;
				height: 550px;
				/*border: 1px solid;*/
				margin-top: -484px;
				margin-left: 782px;
			}
			
			.all .tuwen .context .wenzi h1 {
				font-size: 28px;
			}
			
			.all .tuwen .context .wenzi p {
				color: #616161;
				font-size: 14px;
				margin: 10px 0;
			}
			
			.all .tuwen .context .wenzi span {
				display: inline-block;
				width: 70px;
				height: 18px;
				border: 1px solid;
				background-color: #ffd600;
				color: white;
				text-align: center;
				line-height: 18px;
				margin-top: 5px;
			}
			
			.all .tuwen .context .wenzi .diqu {
				width: 420px;
				height: 57px;
				border: 1px solid #c0c0c0;
				background-color: #fafafa;
				margin: 20px 0;
			}
			
			.all .tuwen .context .wenzi .jiage {
				border-bottom: 1px solid #C0C0C0;
				border-top: 1px solid #C0C0C0;
				padding: 10px 0;
			}
			
			.all .tuwen .context .wenzi span1 {
				display: inline-block;
				width: 33px;
				height: 33px;
				font-size: 30px;
				font-weight: bolder;
				color: #ff6700;
				margin: 10px 0;
			}
			
			.all .tuwen .context .wenzi span2 {
				width: 18px;
				height: 16px;
				display: inline-block;
				font-size: 14px;
				color: #ff6700;
				margin: 0 5px;
			}
			
			.all .tuwen .context .wenzi span3 {
				width: 32px;
				height: 16px;
				display: inline-block;
				font-size: 14px;
				color: #b0b0b0;
				margin: 0 10px;
				text-decoration: line-through;
			}
			
			.all .tuwen .context .wenzi .buy {
				width: 420px;
				height: 50px;
				/*border: 1px solid;*/
				margin: 25px 0;
			}
			
			.all .tuwen .context .wenzi .buy .jiaru {
				width: 263px;
				height: 50px;
				background-color: #ff6700;
				color: white;
				text-align: center;
				line-height: 50px;
				cursor: pointer;
			}
			
			.all .tuwen .context .wenzi .buy .jiaru:hover {
				background-color: #f25807;
			}
			
			.all .tuwen .context .wenzi .buy .xihuan {
				width: 142px;
				height: 50px;
				background-color: #b0b0b0;
				margin-top: -50px;
				margin-left: 278px;
				color: white;
				text-align: center;
				line-height: 50px;
				cursor: pointer;
			}
			
			.all .tuwen .context .wenzi .buy .xihuan:hover {
				background-color: #757575;
			}
			
			.all .tuwen .context .wenzi span4 {
				display: inline-block;
				width: 122px;
				height: 21px;
				color: #b0b0b0;
				font-size: 14px;
				text-align: center;
				line-height: 21px;
				margin-left: 5px;
			}
			
			.all .tuwen .context .wenzi img {
				vertical-align: middle;
			}
			
			.all .tuwen .context .wenzi .manyidu {
				width: 420px;
				height: 42px;
				border-top: 1px solid #b0b0b0;
				border-bottom: 1px solid #b0b0b0;
			}
			
			.all .tuwen .context .wenzi .manyidu ul {
				height: 20px;
				width: 420px;
				text-align: center;
				line-height: 20px;
				margin: 10px 0;
			}
			
			.all .tuwen .context .wenzi .manyidu li {
				display: inline-block;
				width: 139px;
				height: 20px;
				float: left;
				list-style-type: none;
				color: #757575;
				font-size: 12px;
				cursor: pointer;
				text-align: center;
				border-right: 1px solid #b0b0b0;
			}
			
			.all .tuwen .context .wenzi a {
				color: #b0b0b0;
				text-decoration: none;
			}
			
			.all .tuwen .context .wenzi a:hover {
				color: #ff6700;
			}
			
			.all .zhongjian {
				height: 60px;
				background-color:white;
				border-top: 1px solid #b0b0b0;
			}
			.all .zhongjian .context{
				width: 1226px;
				text-align: center;
				height: 60px;
				line-height: 20px;
				margin: 0 auto;
				/*border: 1px solid;*/
			}
			.all .zhongjian .context ul{
				margin-left: 271px;
			}
			.all .zhongjian .context li {
				display: inline-block;
				width:170px;
				height: 20px;
				float: left;
				list-style-type: none;
				background-color:white;
				border-right: 1px solid #c0c0c0;
				margin-top: 20px;
				font-size: 18px;
				cursor: pointer;
				color: #757575;;
			}
			.all .main{
				height: auto;
				background-color: #F5F5F5;
			}
			.all .main .tu{
				margin: 0 auto;
				width: 1226px;
			}
			.all .main .tu img{
				margin-bottom: 5px;
			}
			.all .main .main-block{
				height: 160px;
			}
			.all .main .main-block .guige{
				border-bottom: 1px solid #c0c0c0;
				width: 1226px;
				height: 60px;
				margin: 0 auto;
				position: relative;
			}
			.all .main .main-block .guige1{
				border-bottom: 1px solid #c0c0c0;
				width: 1226px;
				height: 60px;
				margin: 0 auto;
				position: relative;
			}
			
			.all .main .main-block .guige h1{
				width:226px ;
				background-color:#F5F5F5;
				position: absolute;
				top: 40px;
				margin:0 500px;
				text-align: center;
				color: #b0b0b0;
				font-weight: 400;
			}
			.all .main .main-block .guige1 h1{
				width:386px ;
				background-color:#F5F5F5;
				position: absolute;
				top: 40px;
				margin:0 400px;
				text-align: center;
				color: #757575;
				font-weight: 400;
			}
			.all .main .gui-context{
				width: 1226px;
				height: 230px;
				background-color: white;
				margin: 0 auto;
				margin-top: -50px;
			}
			.all .main .gui-context img{
				display: inline-block;
				width: 150px;
				height: 150px;
				margin: 40px 30px;
			}
			.all .main .gui-context li{
				list-style-type: none;
				float: left;
				margin-right: 300px;
				font-size: 14px;
				
			}
			.all .main .gui-context ul{
				margin-top: -190px;
				margin-left: 270px;
			}
			.all .main .pingjia{
				width: 1226px;
				height: 212px;
				background-color: white;
				margin: 0 auto;
				margin-top: -50px;
			}
			.all .main .pingjia span{
				display: inline-block;
				height: 85px;
				font-size: 80px;
				color: #ff6700;
				margin-left: 112px;
				margin-top: 40px;
			}
			.all .main .pingjia span3{
				color: #ff6700;
				font-size: 20px;
			}
			.all .main .pingjia span1{
				margin-left: 162px;
				margin-top: 40px;
				color: #757575;
    			font-size: 14px;
			}
			.all .main .pingjia span2{
				margin-left: 142px;
				margin-top: 40px;
				font-size: 14px;
   				color: #b0b0b0;
			}
			/*菜单内容*/
			
			#menu {
				padding: 20px 0;
				height: 420px;
				background-color: rgba(0, 0, 0, 0.5);
				position: absolute;
				color: #424242;
				cursor: pointer;
			}
			
			#menu li {
				display: inline-block;
				padding: 0 30px;
				list-style-type: none;
				line-height: 42px;
				color: #424242;
				font-size: 14px;
				width: 225px;
			}
			
			#menu li:hover {
				background-color: #FF6700;
			}
			
			#menu li>div {
				position: absolute;
				background-color: white;
				border: 1px solid darkgray;
				width: 620px;
				height: 460px;
				left: 225px;
				top: 0;
				color: black;
				font-size: 40px;
				display: none;
				z-index: 1;
			}
			
			#menu li:hover>div {
				display: block;
			}
			
			#menu #menu_0 .kuang {
				width: 190px;
				height: 70px;
			}
			
			#menu #menu_0 .kuang img {
				margin-left: 5px;
				margin-top: 10px;
			}
			
			#menu #menu_0 .kuang .xuangou {
				font-size: 12px;
				width: 60px;
				height: 24px;
				border: 1px solid orange;
			}
			
			#menu #menu_0 .kuang span {
				font-size: 12px;
				display: inline-block;
				width: 36px;
				height: 16px;
				margin-top: -20px;
			}
			
			#menu #menu_0>div {
				float: left;
			}
			
			#menu #menu_0 .kuang {
				width: 265px;
				height: 76px;
				/*border: 1px solid;*/
			}
			
			#menu #menu_0 .kuang img {
				margin-left: 15px;
				margin-top: 15px;
			}
			
			#menu #menu_0 .kuang p {
				display: block;
				font-size: 14px;
				width: 170px;
				line-height: 70px;
				margin-top: -60px;
				margin-left: 70px;
			}
			
			#menu #menu_0 .kuang span {
				display: block;
				font-size: 14px;
				width: 60px;
				height: 24px;
				line-height: 24px;
				margin-top: -45px;
				margin-left: 190px;
				background-color: white;
				text-align: center;
				color: #ff6700;
				cursor: pointer;
				border: 1px solid #FF6700;
			}
			
			#menu #menu_0 .kuang span:hover {
				background-color: #ff6700;
				color: white;
			}
			
			#menu #menu_0 .kuang .xuangou {
				font-size: 12px;
				width: 60px;
				height: 24px;
				border: 1px solid orange;
			}
			
			#menu #menu_0 {
				width: 900px;
				border-top: 1px solid #c0c0c0;
			}
			
			#menu #menu_0>div {
				float: left;
			}
			
			/*尾部*/
			.foot{
				background-color: #FAFAFA;
				height: 438px;
			}
			.foot .foot-top{
				background-color: white;
				height: 272px;
			}
			.foot .foot1{
				width: 1226px;
				margin: 0 auto;
				height: 79px;
				border-bottom: 1px solid #E0E0E0;
			}
			.foot .foot1 li{
				font-size: 16px;
				float: left;
				list-style: none;
				padding-left: 60px;
				padding-right: 24px;
				color: #616161;
				line-height: 79px;
				height: 79px;
			}
			.foot .foot1 li span{
				font-size: 25px;
				padding-left: 58px;
				color: #E0E0E0;
			}
			.foot .foot2{
				width: 1226px;
				height: 187px;
				margin: 0 auto;
				margin-top: 40px;
			}
			.foot .foot2-l{
				clear: both;
			}
			.foot .foot2-l dl{
				float: left;
				width: 150px;
				margin-left: 10px;
			}
			.foot .foot2-l dl dt{
				margin-bottom: 20px;
				color: #424242;
			}
			.foot .foot2-l dl dd{
				color: #757575;
				line-height: 30px;
				font-size: 12px;
			}
			.foot .foot2>div{
				float: left;
			}
			.foot .foot2r{
				width: 133px;
				height: 147px;
				margin-left: 13px;
				padding-left: 62px;
				padding-right: 57px;
				border-left: 1px solid #E0E0E0;
			}
			.foot .fp1{
				font-size: 20px;
				color: #EF6700;
				text-align: center;
				line-height: 25px;
				width: 150px;
			}
			.foot .fp2{
				font-size: 12px;
				color: #616161;
				text-align: center;
				line-height: 18px;
			}
			.foot .fp3{
				height: 28px;
				width: 118px;
				line-height: 28px;
				text-align: center;
				border: 1px solid #EF6700;
				margin: 0 auto;
				margin-top: 16px;
				color: #EF6700;
				font-size: 12px;
			}
			.foot .fp3:hover{
				background-color: #EF6700;
				color: white;
				cursor: pointer;
			}
			.foot .foot-bottom{
				width: 1226px;
				height: 106px;
				padding: 30px 0;
				margin: 0 auto;
			}
			.foot .foot-bottom>div{
				float: left;
			}
			.foot .fl{
				width: 57px;
				height: 57px;
				margin-right: 10px;
				background-image: url(img/logo-footer.png);
				background-position: center;
				background-repeat: none;
			}
			.foot .fm{
				font-size: 12px;
				line-height: 18px;
			}
			.foot .fmp1,.fmp1 a{
				color: #757575;
				text-decoration: none;
			}
			.foot .fm a:hover{
				color: #EF6700;
			}
			.foot .fmp2,.fmp2 a{
				text-decoration: none;
				color: #B0B0B0;
			}
			.foot .fr{
				margin-left: 750px;
				margin-top: -50px;
			}
			.foot .fs{
				width: 267px;
				height: 19px;
				margin: 30px 479.5px 0 479.5px;
				margin: 0 auto;
				color: #333333;
				position: relative;
			}
			.foot .fs img{
				position: absolute;
				top: -50px;
			}
			
			/*地区*/
			.diqu{
				position: relative;
			}
			.diqu .sale{
				width: 28px;
				height: 21px;
				font-size: 14px;
				color: #ff6700;
				position: relative;
				left: 20px;
				top: 18px;
			}
			.diqu .address {
				width: 250px;
				height: 16px;
				position: relative;
				left: 70px;
				font-size: 14px;
				line-height: 16px;
				border-left: 1px solid #c0c0c0;
			}
			.diqu .address li{
				list-style-type: none;
				float: left;
				margin-left:10px ;
			}
			.diqu .btn{
				position: relative;
				left: 380px;
				top: -20px;
				cursor: pointer;
			}
			#showmsg {
				display: none;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(128, 128, 128, 0.8);
				
			}
			#showmsg #modal{
				width: 420px;
				height: 247px;
				background-color: white;
				position: absolute;
				left: 1120px;
				top: 380px;
				/*border: 1px solid #ff6700;*/
			}
			#showmsg .close{
				position: absolute;
				left: 1510px;
				top: 390px;
				border-radius: 50%;
				background-color: white;
				height: 22px;
				width: 22px;
				font-size: 20px;
				text-align: center;
				line-height: 22px;
				font-weight: bold;
				color: #b0b0b0;
				cursor: pointer;
			}
			#showmsg .close:hover{
				background-color: #E53935;
				color: white;
			}
			#showmsg #modal img{
				position: absolute;
				top: 30px;
				left: 30px;
			}
			#showmsg #modal input{
				width: 300px;
				height: 44px;
				position: absolute;
				left: 80px;
				top: 31px;
				border: 1px solid #E0E0E0;
				border-left: 0;
				padding-left: 10px;
				outline: none;
			}
			#showmsg #modal p{
				position: absolute;
				left: 280px;
				top: 80px;
			}
			#showmsg #modal p:hover{
				color: #ff6700;
				cursor: pointer;
			}
			#showmsg #modal .shdz{
				position: absolute;
				top: 115px;
				left: 30px;
				width: 360px;
				height: 100px;
				border-top: 1px solid #e0e0e0;
			}
			#showmsg #modal .shdz strong{
				font-size: 14px;
				position: absolute;
				top: 10px;
				color: #DADADA;
				font-weight: 500;
			}
			#showmsg #modal .shdz p{
				color: #757575;
				position: absolute;
				left: 40px;
				top: 40px;
			}
			#showmsg #modal .shdz span5 a{
				color: #ff6700;
			}
			
			/*接着评价*/
			.pj_title{
				width: 1226px;
				height: 60px;
				margin:0 auto;
				position: relative;
			}
			.pj_title_left{
				width: 854px;
				height: 60px;
				
			}
			.pj_title li{
				list-style-type: none;
			}
			.pj_title_left1{
				float: left;
				text-align: center;
				height: 60px;
				line-height: 60px;
				font-size: 20px;
    			color: #424242;
			}
			.pj_title_left2{
				float: right;
				text-align: center;
				height: 60px;
				line-height: 60px;
				color: #757575;
  				font-size: 14px;
  				cursor: pointer;
			}
			.pj_title_left2 span:hover{
				color: #ff6700;
			}
			.pj_title_right{
				width: 358px;
				height: 60px;
				font-size: 20px;
   				color: #424242;
			}
			.pj_title_right1{
				position: absolute;
				right: 0px;
				top: 20px;
			}
			.pj_context{
				width: 1226px;
				height: 750px;
				margin: 0 auto;
			}
			.pj_context_left{
				width: 860px;
				height: 750px;
			}
			.pj_contextr_right{
				width: 360px;
				height: 730px;
				position: relative;
				top: -750px;
				left: 867px;
			}
			.sptw{
				width: 1226px;
				height: 680px;
				margin: 0 auto;
				margin-top: -50px;
			}
			.tw_kuang{
				width: 1226px;
				height: 84px;
				background-color: #FAFAFA;
				margin: 0 auto;
			}
			.tw_kuang input{
				margin-left: 326px;
				margin-top: 20px;
				width: 420px;
				height: 41px;
				outline: none;
				padding-left: 10px;
			}
			.twbtn{
				width: 150px;
				height: 45px;
				background-color: #FB6202;
				margin-top: -45px;
				margin-left:743px;
				text-align: center;
				line-height: 45px;
				color: white;
				font-size: 14px;
				cursor: pointer;	
			}
			.twbtn:hover{
				background-color: #F25807;
			}
			
			
			/*还买了*/
			.tj_main {
				width: 1226px;
				height: 420px;
				margin: 0 auto;
				margin-top: 35px;
				position: relative;
			}
			
			#lbt-wrap {
				width: 1226px;
				height: 280px;
				margin: 30px auto;
				overflow: hidden;
			}
			
			#lbt {
				width: 4960px;
				height: 280px;
				/*border: 1px solid;*/
			}
			
			#lbt li {
				list-style: none;
				height: 240px;
				width: 194px;
				padding: 40px 20px 0 20px;
				background-color: white;
				float: left;
				margin-right: 14px;
				text-align: center;
			}
			
			#lbtbtn {
				width: 1226px;
				margin: 0 auto;
				padding-bottom: 170px;
			}
			
			#lbtbtn ul {
				overflow: hidden;
				width: 136px;
				margin: 0 auto;
				margin-top: 30px;
			}
			
			#lbtbtn .lbt-ho {
				float: left;
				list-style: none;
				width: 6px;
				height: 6px;
				border: 2px solid #F5F5F5;
				background-color: #B0B0B0;
				border-radius: 50%;
				margin: 0 12px;
			}
			
			#lbtbtn .lbt-ho:hover {
				background-color: #EF6700;
				cursor: pointer;
			}
			
			#lbtbtn .lbt-ac {
				float: left;
				list-style: none;
				width: 6px;
				height: 6px;
				border: 2px solid #EF6700;
				background-color: #F5F5F5;
				border-radius: 50%;
				margin: 0 12px;
			}
			
			.lbtp1 a {
				color: #333333;
				text-decoration: none;
			}
			
			.lbtp1 {
				height: 18px;
				line-height: 18px;
				margin-bottom: 10px;
			}
			
			.lbtp2 {
				color: #EF6700;
				height: 21px;
				line-height: 21px;
				margin-bottom: 10px;
			}
			
			.lbtp3 {
				color: #757575;
				height: 21px;
				line-height: 21px;
			}
			
			/*随动*/
			.suidong {
				width: 100%;
				background-color: white;
				height: 60px;
				z-index: 1;
				border-top: 1px solid #E0E0E0;
			}
			
			.suidong>div>div {
				float: left;
			}
			
			.sd-content {
				width: 730px;
				height: 30px;
				margin: 0 auto;
				text-align: center;
			}
			
			.sd-content ul {
				width: 680px;
				height: 60px;
				margin: 0 25px;
			}
			
			.sd-content li {
				margin-top: 21px;
				text-align: center;
				list-style: none;
				float: left;
				height: 18px;
				width: 166px;
				line-height: 18px;
				font-size: 18px;
				color: #E0E0E0;
				border-right: 1px solid #E0E0E0;
			}
			
			.sd-content a {
				color: #757575;
				text-decoration: none;
			}
			
			.hidden {
				visibility: hidden;
				width: 234px;
				height: 55px;
				padding-top: 5px;
			}
			
			.h-p {
				float: right;
				line-height: 25px;
			}
			
			.hp1 {
				font-size: 15px;
				color: #757575;
			}
			
			.hps1 {
				color: #EF6700;
				font-size: 14px;
			}
			
			.hps2 {
				color: #B0B0B0;
				text-decoration: line-through;
			}
			
			.w1226 {
				width: 1226px;
				height: 60px;
				margin: 0 auto;
			}
			
			.addcart {
				height: 40px;
				width: 162px;
				background-image: url(img/2017-08-17_152454.png);
				background-position: center;
				background-repeat: no-repeat;
				margin-top: 10px;
				margin-left: 100px;
				display: none;
			}
			
			.addcart:hover {
				background-image: url(img/2017-08-17_152514.png);
				background-position: center;
				background-repeat: no-repeat;
				cursor: pointer;
			}

		</style>
	</head>

	<body style='overflow:scroll;overflow-x:hidden'>
		<div class="all">
			<div class="head">
				<div class="nav">
					<div class="nav-left">
						<ul>
							<li>
								<a href="#">小米商城</a><span>|</span></li>
							<li>
								<a href="#">MIUI</a><span>|</span></li>
							<li>
								<a href="#">米聊</a><span>|</span></li>
							<li>
								<a href="#">游戏</a><span>|</span></li>
							<li>
								<a href="#">多看阅读</a><span>|</span></li>
							<li>
								<a href="#">云服务</a><span>|</span></li>
							<li>
								<a href="#">金融</a><span>|</span></li>
							<li>
								<a href="#">小米商城移动版</a><span>|</span></li>
							<li>
								<a href="#">问题反馈</a><span>|</span></li>
							<li>
								<a href="#">Select Region</a><span>|</span> </li>
						</ul>
					</div>
					<div class="buycar">
						<p align="center">
							<a target="_blank" href="----修改的购物车.html">购物车</a>
						</p>
						<!--<div class="buylist"></div>-->
					</div>
					<div class="nav-right">
						<ul>
							<li>
								<a href="----小米登陆页面.html">登陆</a>
							</li>
							<li>
								<a href="----小米注册页面.html">注册</a><span>|</span></li>
							<li>
								<a href="----小米登陆页面.html">消息通知</a><span>|</span></li>
						</ul>
					</div>
					
				</div>
			</div>
			<div class="menu">
				<div class="daohang">
					<div class="logo">
						<img src="img/mi-logo.png" />
					</div>
					<div class="daohang1">
						<ul>
							<li>
								<a href="">全部商品分类</a>
								<div id="menu">
						<ul>
							<li>手机 电话卡
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang"><img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span></div>
										<div class="kuang"><img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span></div>
										<div class="kuang"><img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span></div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>笔记本 平板
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>电视 盒子
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang"><img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span></div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>路由器 智能硬件
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/jly80.jpg" />
											<p>米家行车记录仪</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/jly80.jpg" />
											<p>米家行车记录仪</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/jly80.jpg" />
											<p>米家行车记录仪</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/jly80.jpg" />
											<p>米家行车记录仪</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/jly80.jpg" />
											<p>米家行车记录仪</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>移动电源 电池 插线板
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>耳机 音箱
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>保护套 贴膜
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>线材 支架 存储卡
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang"><img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span></div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang"><img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span></div>
									</div>
									<div>
										<div class="kuang"><img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span></div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span></div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>箱包 服饰 鞋 眼镜
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>米兔 生活周边
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang"><img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span></div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
						</ul>
						</div>
							</li>
							<li>
								<a href="">小米手机</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/xm6-320.png" /></div>
									<div class="item_0"><img width="160px" height="110px" src="img/max2_toubu.png" /></div>
									<div class="item_0"><img width="160px" height="110px" src="img/xiaomiNOTE2-320-220!160x110.jpg" /></div>
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_0"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">红米</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_0"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">平板·笔记本</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">电视</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">盒子·影音</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
								</div>
							</li>
							<li>
								<a href="">路由器</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_0"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">智能硬件</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">服务</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" /></div>
								</div>
							</li>
							<li>
								<a href="">社区</a>
								<div class="item">
									<div class="item_0"><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" /></div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5s-320.png" /></div>
								</div>
							</li>
						</ul>
					</div>
					<div class="search">
						<img src="img/2017-08-15_095759.png"/>
					</div>
				</div>
			</div>
			<div class="tishi">
				<div class="context">
					<ul>
						<li>
							<a href="#">首页</a>
						</li>
						<li>/</li>
						<li>
							<a href="#">配件</a>
						</li>
						<li>/</li>
						<li>
							<a href="#">小米电视/盒子配件</a>
						</li>
						<li>/</li>
						<li>
							<a href="#">小米蓝牙触控语音遥控器</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="tuwen">
				<div class="context">
					<div class="huan">
						<ul>
							<li id="p1" class="p1" onclick="qiehuan1(this)"><img src="img/pms_1491365468.1786002!60x60.jpg" /></li>
							<li id="p2" class="p2" onclick="qiehuan2(this)"><img src="img/pms_1491365493.59276329!60x60.jpg" /></li>
						</ul>
					</div>
					<div class="datu">
						<img src="img/pms_1491365468.1786002!482x482.jpg" />
					</div>
					<div class="wenzi">
						<h1>小米蓝牙触控语音遥控器</h1>
						<p>语音智能搜片 / 能控制机顶盒 / BLE 低功耗蓝牙4.2 / 适配小米电视、小米盒子、小米电视主机（1代小米电视、小米电视4A 32英寸、1代/2代小米盒子、小米小盒子除外），系统需升级到最新版本</p>
						<p><span>折扣</span></p>
						<div class="diqu">
							<div class="sale">有货</div>
							<div class="address">
								<ul>
								<li>北京</li>
								<li>北京市</li>
								<li>东城区</li>
								<li>永定门外街道</li>
								</ul>
							</div>
							<div class="btn"  onclick="show()">
								<img src="img/2017-08-16_160822.png"/>
							</div>
							<div id="showmsg">
								<div id="modal">
									<img src="img/2017-08-16_164928.png"/>
									<input type="text" name="" id="" value=""  placeholder="输入街道、乡镇、小区或商圈名称"/>
									<p>手动选择地址&gt;</p>
									<div class="shdz">
										<strong>我的收货地址</strong>
										<p>现在<span5><a href="----小米登陆页面.html">登录</a></span5>，可根据收货地址快速定位</p>
									</div>
								</div>
								<div class="close" onclick="closeShowMsg()">×	</div>
							</div>
						</div>
						<div class="jiage">
							<span1>89</span1>
							<span2>元</span2>
							<span3>99元</span3>
						</div>
						<div class="buy">
							<div class="jiaru">加入购物车</div>
							<div class="xihuan">喜欢</div>
						</div>
						<p><img src="img/2017-08-13_164740.png" />
							<span4>支持7天无理由退货</span4>
						</p>
						<div class="manyidu">
							<ul>
								<li><img src="img/2017-08-13_170559.png" />评价 713</li>
								<li><img src="img/2017-08-13_170622.png" />提问 63</li>
								<li><img src="img/2017-08-13_170640.png" />满意度 92.6%</li>
							</ul>
						</div>
						<p>
							<a href="#"><img src="img/2017-08-13_172032.png" />查看更多小米电视/盒子配件</a>
						</p>
					</div>
				</div>
			</div>
			<div class="suidong">
				<div class="w1226">
					<div class="hidden">
						<img src="img/pms_1491365468.1786002!60x60.jpg" width="50" />
						<div class="h-p">
							<p class="hp1">小米蓝牙触控语音遥控器...</p>
							<p><span class="hps1">89元</span></p>
						</div>
					</div>
					<div class="sd-content">
						<ul>
							<li>
								<a href="#tu">详情描述</a>
							</li>
							<li>
								<a href="#guige">规格参数</a>
							</li>
							<li>
								<a href="#pingjia">评价晒单（739）</a>
							</li>
							<li>
								<a href="#tiwen">商品提问（63）</a>
							</li>
						</ul>
					</div>
					<div class="addcart">
					</div>
				</div>
			</div>

			<div class="main">
				<a name="tu"></a>
				<div class="tu" >
					<img src="img/lyyxykq_01.jpg"/>
					<img src="img/lyyxykq_02.jpg"/>
					<img src="img/lyyxykq_03.jpg"/>
					<img src="img/lyyxykq_04.jpg"/>
					<img src="img/lyyxykq_05.jpg"/>
					<img src="img/lyyxykq_06.jpg"/>
					<img src="img/lyyxykq_07.jpg"/>
					<img src="img/lyyxykq_08.jpg"/>
				</div>
				<div class="main-block">
					<a name="guige"></a>
					<div class="guige">
						<h1>规格参数</h1>
					</div>
				</div>
				<div class="gui-context">
					<img src="img/pms_1491365468.1786002!180x180.jpg"/>
					<ul>
						<li>版本：单机</li>
						<li>商品编号：1171300111</li>
					</ul>
				</div>
				<div class="main-block">
					<a name="pingjia"></a>
					<div class="guige">
						<h1>评价晒单</h1>
					</div>
				</div>
				<div class="pingjia">
					<p><span>92.6</span><span3>%</span3></p>
					<p><span1>购买后满意</span1></p>
					<p><span2>718名用户投票</span2></p>
				</div>
				<div class="pj_title">
					<div class="pj_title_left">
						<ul>
							<li class="pj_title_left1">最有帮助的评价</li>
							<li class="pj_title_left2">
								<span>
									只显示带图评价
								</span>
							</li>
						</ul>
					</div>
					<div class="pj_title_right">
						<ul>
							<li class="pj_title_right1">最新评价</li>
						</ul>
					</div>
				</div>
				<div class="pj_context">
					<div class="pj_context_left">
						<img src="img/2017-08-17_095325.png"/>
						<img src="img/2017-08-17_095350.png"/>
					</div>
					<div class="pj_contextr_right">
						<img src="img/2017-08-17_095440.png"/>
					</div>
				</div>
				<div class="main-block">
					<a name="tiwen"></a>
					<div class="guige">
						<h1>商品提问</h1>
					</div>
				</div>
				<div class="sptw">
					<div class="tw_kuang">
						<input type="text" name="" id="" value="" placeholder="请输入你的提问" />
						<div class="twbtn">提问</div>
					</div>
					<img src="img/2017-08-17_103257.png"/>
				</div>
				<div class="main-block">
					<div class="guige1">
						<h1>买过该商品的人还买了</h1>
					</div>
				</div>
				<div class="tuijian">
				<div id="lbt-wrap">
					<div id="lbt" style="margin-left: 0;">
						<ul>
							<li>
								<img src="img/pms_1496730880.16174470.jpg" />
								<p class="lbtp1">
									<a href="#">小蚁微单M1双镜头套机</a>
								</p>
								<p class="lbtp2">2799元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1496730880.16174470.jpg" />
								<p class="lbtp1">
									<a href="#">小蚁微单M1双镜头套机</a>
								</p>
								<p class="lbtp2">2799元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1496730880.16174470.jpg" />
								<p class="lbtp1">
									<a href="#">小蚁微单M1双镜头套机</a>
								</p>
								<p class="lbtp2">2799元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1496730880.16174470.jpg" />
								<p class="lbtp1">
									<a href="#">小蚁微单M1双镜头套机</a>
								</p>
								<p class="lbtp2">2799元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1496730880.16174470.jpg" />
								<p class="lbtp1">
									<a href="#">小蚁微单M1双镜头套机</a>
								</p>
								<p class="lbtp2">2799元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1491314802.95852694.jpg" />
								<p class="lbtp1">
									<a href="#">Amazfit 运动手表</a>
								</p>
								<p class="lbtp2">729元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1491314802.95852694.jpg" />
								<p class="lbtp1">
									<a href="#">Amazfit 运动手表</a>
								</p>
								<p class="lbtp2">729元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1491314802.95852694.jpg" />
								<p class="lbtp1">
									<a href="#">Amazfit 运动手表</a>
								</p>
								<p class="lbtp2">729元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1491314802.95852694.jpg" />
								<p class="lbtp1">
									<a href="#">Amazfit 运动手表</a>
								</p>
								<p class="lbtp2">729元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
							<li>
								<img src="img/pms_1491314802.95852694.jpg" />
								<p class="lbtp1">
									<a href="#">Amazfit 运动手表</a>
								</p>
								<p class="lbtp2">729元</p>
								<p class="lbtp3">6639人好评</p>
							</li>
						</ul>
					</div>

				</div>
				<div id="lbtbtn">
					<ul>
						<li class="lbt-ac"></li>
						<li class="lbt-ho"></li>
					</ul>
				</div>

			</div>
			</div>
			
			<!--尾部-->
			<div class="foot">
				<div class="foot-top">
					<div class="foot1">
						<ul>
							<li>预约维修服务<span>|</span></li>
							<li>7天无理由退货<span>|</span></li>
							<li>15天免费换货<span>|</span></li>
							<li>满150元包邮<span>|</span></li>
							<li>520余家售货网点</li>
						</ul>
					</div>
					<div class="foot2">
						<div class="foot2-l">
							<dl>
								<dt>帮助中心</dt>
								<dd>账户管理</dd>
								<dd>购物指南</dd>
								<dd>订单操作</dd>
							</dl>
							<dl>
								<dt>服务支持</dt>
								<dd>售后政策</dd>
								<dd>自助服务</dd>
								<dd>相关下载</dd>
							</dl>
							<dl>
								<dt>线下门店</dt>
								<dd>小米之家</dd>
								<dd>服务网点</dd>
								<dd>零售网点</dd>
							</dl>
							<dl>
								<dt>关于小米</dt>
								<dd>了解小米</dd>
								<dd>加入小米</dd>
								<dd>联系我们</dd>
							</dl>
							<dl>
								<dt>关注我们</dt>
								<dd>新浪微博</dd>
								<dd>小米部落</dd>
								<dd>官方微信</dd>
							</dl>
							<dl>
								<dt>特色服务</dt>
								<dd>F码通道</dd>
								<dd>礼物码</dd>
								<dd>防伪查询</dd>
							</dl>
						</div>
						<div class="foot2r">
							<p class="fp1">400-100-5678</p>
							<p class="fp2">周一至周日 8:00-18:00</p>
							<p class="fp2">（仅收市话费）</p>
							<p class="fp3">24小时在线客服</p>
						</div>
					</div>
				</div>
				<div class="foot-bottom">
					<div class="fl">
						
					</div>
					<div class="fm">
						<p class="fmp1"><a href="#">小米商城</a> <span>|</span> <a href="#">MIUI</a> <span>|</span> <a href="#">米聊</a> <span>|</span> <a href="#">多看书城</a> <span>|</span> <a href="#">小米路由器</a> <span>|</span> <a href="#">视频电话</a> <span>|</span> <a href="#">小米天猫店</a> <span>|</span> <a href="#">小米淘宝直营店</a> <span>|</span> <a href="#">小米网盟</a> <span>|</span> <a href="#">小米移动</a> <span>|</span> <a href="#">隐私政策</a> <span>|</span> <a href="#">Select Region</a></p>
						<p class="fmp2">&copy;<a href="#">mi.com</a> 京ICP证110507号 <a href="#">京ICP备10046444号</a> <a href="#">京公网安备11010802020134号</a> <a href="#">京网文[2014]0059-0009号</a> </p>
						<p class="fmp2">违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					</div>
					<div class="fr">
						<a href="#"><img width="85" height="28px" src="img/truste.png"/></a><a href="#"><img src="img/v-logo-2.png"/></a><a href="#"><img src="img/v-logo-1.png"/></a><a href="#"><img src="img/v-logo-3.png"/></a>
					</div>
					
				</div>
				<div class="fs">
					<img src="img/2017-08-15_085552.png"/>
				</div>
			</div>
		</div>



		<script type="text/javascript">
			//两个遥控器切换
			var pi1=document.getElementById("p1");
			var pi2=document.getElementById("p2");
			console.log(pi2);
			function qiehuan1(t) {
				var tu=t.parentNode.parentNode.parentNode.children[1].children[0];
//				console.log(tu);
				tu.src="img/pms_1491365468.1786002!482x482.jpg";
				pi1.className="p1";
				pi2.className="p2";
			}
			function qiehuan2(q){
				var tu=q.parentNode.parentNode.parentNode.children[1].children[0];
				tu.src="img/pms_1491365493.59276329!482x482.jpg";
				pi1.className="p2";
				pi2.className="p1";
			}
			
			//地区
			function show() {
				document.getElementById("showmsg").style.display = "block";
			}

			function closeShowMsg() {
				document.getElementById("showmsg").style.display = "none";
			}
			//还买了
			var ml = document.getElementById("lbt")
			var mlnum = 0
			var libs = document.querySelectorAll("#lbtbtn li")
			for(var i = 0; i < libs.length; i++) {
				libs[i].onmousedown = function() {
					for(var i = 0; i < libs.length; i++) {
						libs[i].className = "lbt-ho"
					}
					this.className = "lbt-ac"
				}
				libs[0].onclick = function() {
					if(mlnum != 0) {
						var Id = setInterval(function() {
							if(mlnum < 0) {
								mlnum += 20
								ml.style.marginLeft = mlnum + "px"
								if(mlnum == 0) {
									clearInterval(Id)
								}
							}
						}, 8)
					}

				}
				libs[1].onclick = function() {
					if(mlnum != -1240) {
						var id = setInterval(function() {
							if(mlnum > -1240) {
								mlnum -= 20;
								ml.style.marginLeft = mlnum + "px"
								if(mlnum == -1240) {
									clearInterval(id)
								}
							}
							if(mlnum < -1240) {
								mlnum += 20;
								ml.style.marginLeft = mlnum + "px"
								if(mlnum == -1240) {
									clearInterval(id)
								}
							}
						}, 8)
					}
				}
				}
			
			
			//随动
			window.onscroll = function() {
				var sd = document.querySelector(".suidong")
				var rolltop = 0;
				//				var rollleft = 0;

				if(document.documentElement.scrollTop) {
					rolltop = document.documentElement.scrollTop;
				} else {
					rolltop = document.body.scrollTop;
				}
				console.log(rolltop)
				if(rolltop >= 820) {
					sd.style.position = "fixed"
					sd.style.top = "0px"
					sd.children[0].children[0].style.visibility = "visible"
					sd.children[0].children[2].style.display="block"
				}
				if(rolltop<820){
					sd.style.position = "relative"
					sd.children[0].children[0].style.visibility = "hidden"
					sd.children[0].children[2].style.display="none"
				}
			}

		</script>
	</body>

</html>